const path = require('path')
const webpack = require('webpack')
const vantTheme = require('./vant-theme')
function resolve(dir) {
    return path.join(__dirname, dir)
}

const BASE_URL = process.env.NODE_ENV === 'production'
    ? '/'
    : '/'

module.exports = {
    baseUrl: BASE_URL,
    devServer: {
        // 设置主机地址
        host: 'localhost',
        // 设置默认端口
        port: 8090,
        // 设置代理
        proxy: {
            '/api': {
                // 目标 API 地址
                target: 'http://www.nongchang.com',
                // target: 'http://wx.annefarm.com.cn/',
                // 如果要代理 websockets
                ws: true,
                // 将主机标头的原点更改为目标URL
                changeOrigin: true
            },
            '/system': {
                // 目标 API 地址
                target: 'http://www.caipiao.com/',
                // target: 'http://wx.annefarm.com.cn',
                // 如果要代理 websockets
                ws: true,
                // 将主机标头的原点更改为目标URL
                changeOrigin: true
            },
            '/public': {
                // 目标 API 地址
                //target: 'http://www.caipiao.com/',
                target: 'http://wx.annefarm.com.cn',
                // 如果要代理 websockets
                ws: true,
                // 将主机标头的原点更改为目标URL
                changeOrigin: true
            }
        }
    },
    publicPath: '/m',
    assetsDir: "static",
    css: {
        loaderOptions: {
            less: {
                use: ['style-loader', 'css-loader', 'less-loader'],
                modifyVars: vantTheme.theme
            }
        }
    },
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                path.resolve(__dirname, "src/common/less/variable.less")
            ]
        }
    },
    chainWebpack(config) {
        config.resolve.alias
            .set('components', resolve('src/components'))
            .set('common', resolve('src/common'))
            .set('@', resolve('src'))
            .set('src', resolve('src'))
        config.plugin('context')
            .use(webpack.ContextReplacementPlugin,
                [/moment[/\\]locale$/, /zh-cn/])
    }
}
